<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>猫头鹰考试后台系统</title>

  <!-- lqpcss -->
  <link rel="stylesheet" href="./dist/css/lqp.css">
</head>

<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">
  <!-- 导航栏 -->
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">
    <!-- Left navbar links -->
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="index3.html" class="nav-link">Home1</a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="#" class="nav-link">Contact</a>
      </li>
    </ul>

    <!-- SEARCH FORM -->
    <form class="form-inline ml-3">
      <div class="input-group input-group-sm">
        <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
        <div class="input-group-append">
          <button class="btn btn-navbar" type="submit">
            <i class="fas fa-search"></i>
          </button>
        </div>
      </div>
    </form>

    <!-- Right navbar links -->
    <ul class="navbar-nav ml-auto">
      <!-- Messages Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="far fa-comments"></i>
          <span class="badge badge-danger navbar-badge">3</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Brad Diesel
                  <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">Call me whenever you can...</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  John Pierce
                  <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">I got your message bro</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Nora Silvester
                  <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">The subject goes here</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
        </div>
      </li>
      <!-- Notifications Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="far fa-bell"></i>
          <span class="badge badge-warning navbar-badge">15</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
          <span class="dropdown-item dropdown-header">15 Notifications</span>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-envelope mr-2"></i> 4 new messages
            <span class="float-right text-muted text-sm">3 mins</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-users mr-2"></i> 8 friend requests
            <span class="float-right text-muted text-sm">12 hours</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-file mr-2"></i> 3 new reports
            <span class="float-right text-muted text-sm">2 days</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-widget="fullscreen" href="#" role="button">
          <i class="fas fa-expand-arrows-alt"></i>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
          <i class="fas fa-th-large"></i>
        </a>
      </li>
    </ul>
  </nav>
  <!-- 侧边栏-->
  <aside class="main-sidebar sidebar-light-white elevation-4">
    <!-- Brand Logo -->
    <a href="index3.html" class="brand-link">
      <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
           style="opacity: .8">
      <span class="brand-text font-weight-light">logo</span>
    </a>

    <!-- Sidebar -->
    <div class="sidebar">
      <!-- Sidebar user panel (optional) -->
      <div class="user-panel mt-3 pb-3 mb-3 d-flex">
        <div class="image">
          <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
        </div>
        <div class="info">
          <a href="#" class="d-block">管理员</a>
          <span class="rounded-circle bg-info l-circle"></span><span>在线</span>
        </div>
      </div>

      <!-- SidebarSearch Form -->
      <div class="form-inline">
        <div class="input-group input-group-sm" data-widget="sidebar-search">
          <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
          <div class="input-group-append">
            <button class="btn btn-sidebar">
              <i class="fas fa-search fa-fw"></i>
            </button>
          </div>
        </div>
      </div>
      <nav class="mt-2">
        <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
          <div class="nav-item">
            <a href="./index.html" class="nav-link active">
              <p>控制台<span class="badge badge-info right">6</span></p>
            </a>
          </div>
          <!--  试题管理 -->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-tachometer-alt"></i>
              <p>
                试题管理
                <i class="right fas fa-angle-left"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="./pages/examination/radio.html" class="nav-link active">
                  <i class="far fa-circle nav-icon"></i>
                  <p>单选题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">
<!--                  ./pages/examination/multiplechoice.html-->
                  <i class="far fa-circle nav-icon"></i>
                  <p>多选题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./pages/examination/judge.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>判断题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./pages/examination/completion.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>填空题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="./pages/examination/QandA.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>问答题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">
<!--                  ./pages/examination/understanding.html-->
                  <i class="far fa-circle nav-icon"></i>
                  <p>理解题</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">
<!--                  ./pages/examination/other.html-->
                  <i class="far fa-circle nav-icon"></i>
                  <p>其它题</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          考试管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-copy"></i>
              <p>
                考试管理
                <i class="fas fa-angle-left right"></i>
                <span class="badge badge-info right">6</span>
              </p>
            </a>
            <ul class="nav nav-treeview">

              <li class="nav-item">
                <a href="pages/test/releasemenagement.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>考试管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/test/testpaper.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>试卷管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/test/release.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布考试</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/test/examinationpaper.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>考卷管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/test/sharepaper.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>分享试卷</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/test/examnote.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>考试通知</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/test/examenter.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>考试入口</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          题集市-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-copy"></i>
              <p>
                题集市
                <i class="fas fa-angle-left right"></i>
                <span class="badge badge-info right">6</span>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/market/market.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>题集市</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/market/checkpaper.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>试卷查看</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/market/shopingpaper.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>已购买试卷</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/market/Merchantmanagement.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>商户管理中心</p>
                </a>
              </li>

            </ul>
          </li>
          <!--          任务安排-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-copy"></i>
              <p>
                任务安排
                <i class="fas fa-angle-left right"></i>
                <span class="badge badge-info right">6</span>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/task/task.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>任务安排</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          练习管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-chart-pie"></i>
              <p>
                练习管理
                <i class="right fas fa-angle-left"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <!--              <li class="nav-item">-->
              <!--                <i class="far fa-circle nav-icon text-sm text-primary"></i>-->
              <!--                <button type="button" class="btn btn-default border-0 text-sm" data-toggle="modal" data-target="#modal-xl">-->
              <!--                  发布练习-->
              <!--                </button>-->
              <!--              </li>-->
              <li class="nav-item">
                <a href="pages/practice/publishpractice.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布练习</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          证书管理-->
          <li class="nav-item">
            <a href="pages/certificate/certificate.html" class="nav-link">
              <i class="nav-icon fas fa-tree"></i>
              <p>
                证书管理
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/certificate/certificate.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p> 证书管理</p>
                </a>
              </li>
<!--              <li class="nav-item">-->
<!--                <a href="pages/certificate/addcertificate.html" class="nav-link">-->
<!--                  <i class="far fa-circle nav-icon"></i>-->
<!--                  <p>添加证书</p>-->
<!--                </a>-->
<!--              </li>-->
              <li class="nav-item">
                <a href="pages/certificate/record.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发放记录</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/certificate/addtemplate.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>添加模板</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/certificate/Template.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>模板管理</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          用户管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-edit"></i>
              <p>
                用户管理
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/users/Departmentstaff.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>部门人员</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/users/Departmentmanagement.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>部门管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/users/Personnelanalysis.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>人员分析</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/users/Personcollect.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>人员收集</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          发布试卷-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-edit"></i>
              <p>
                发布试卷
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/publish/addtestpaper.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>添加试卷</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/publish/importusers.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>导入人员</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/publish/addusers.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>添加人员</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/publish/addcertificate.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>添加证书</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          课程管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-table"></i>
              <p>
                课程管理
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/class/classmanegment.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>课程管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/class/Courseware.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>课件管理</p>
                </a>
              </li>
            </ul>
          </li>
          <!--          公告管理-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-table"></i>
              <p>
                公告管理
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/Notice/notices.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布公告</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/Notice/noticesmanegment.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>公告管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">
<!--                  pages/Notice/information.html-->
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布信息</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">
<!--                  pages/Notice/informationmanegment.html-->
                  <i class="far fa-circle nav-icon"></i>
                  <p>信息管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/Notice/News.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>发布新闻</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/Notice/Newsmanagement.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>新闻管理</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/Notice/checknotice.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>查看公告</p>
                </a>
              </li>
            </ul>
          </li>
          <!--         统计分析-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-table"></i>
              <p>
                统计分析
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/analysis/Performance.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p> 成绩分析</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="pages/analysis/testquestions.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>试题分析</p>
                </a>
              </li>

            </ul>
          </li>
          <!--         导入数据-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-table"></i>
              <p>
                导入数据
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/Importdata/Importdata.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>导入数据</p>
                </a>
              </li>
            </ul>
          </li>
          <!--         新增分类-->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-table"></i>
              <p>
                新增分类
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="pages/Newcategory/Newcategory.html" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p> 新增分类</p>
                </a>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </aside>
  <!--内容-->
  <div class="content-wrapper">
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h4>
              <span class="info-box-icon"><i class="fa fa-sun text-warning pr-3"></i></span>
              <span>早上好：</span>
              <span class="pr-3">admin</span>
              <span>今天是：</span><span class="pr-3 " id="showTime"></span><span id="time" class="pr-3 "></span>
              <span id="date" class="text-warning"></span>
            </h4>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><i class="fa fa-map-marker text-info pr-3 pt-2" aria-hidden="true"></i><span>位置：公告管理</span>
              </li>
            </ol>
          </div>
        </div>
      </div>
    </div>
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <section class="col-lg-10 connectedSortable">
            <div class="row">
              <div class="col-6">
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title"><i class="fas fa-chart-pie mr-1"></i>在线人数</h3>
                  </div>
                  <div class="card-body">
                    <div class="chart">
                      <div class="chartjs-size-monitor">
                        <div class="chartjs-size-monitor-expand">
                          <div class=""></div>
                        </div>
                        <div class="chartjs-size-monitor-shrink">
                          <div class=""></div>
                        </div>
                      </div>
                      <div class="chart">
                        <canvas id="lineChart"
                                style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                      </div>
                    </div>
                  </div>
                  <!-- /.card-body -->
                </div>
              </div>

              <div class="col-6">
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title">
                      <i class="fas fa-chart-pie mr-1"></i>
                      考试二维码分享
                    </h3>
                  </div>
                  <div class="card-body" style="height: 290px;">
                    <div class="row align-items-center">
                      <div class="col-6">
                        <div class="info-box-content text-center l-searchbox">
                          <span class="info-box-text">考生登录地址</span>
                          <div class="bg-gray-light mt-3 l-search"><i
                            class="fas fa-star mr-3 text-warning l-searchi"></i>http://www.123.com
                          </div>
                        </div>
                      </div>
                      <div class="col-6">
                        <div class="info-box-content">
                          <img src="dist/img/avatar.png" class="" alt="考试二维码">
                        </div>
                      </div>

                    </div>

                  </div>
                </div>
              </div>
            </div>
            <!-- 左中： 基本数据 -->
            <div class="card direct-chat direct-chat-primary">
              <div class="card-header">
                <h3 class="card-title">基本数据（平台数据分析）</h3>
              </div>
              <div class="card-body p-3">
                <div class="row text-center justify-content-around">
                  <div class="col-sm-2 col-6 border-right l-hoverborder">
                    <div class="description-block">
                      <span class="description-percentage text-success"><i class="fas fa-caret-up"></i>部门总数</span>
                      <h5 class="description-header pt-3 l-numberfontsize2">100</h5>
                    </div>
                  </div>
                  <div class="col-sm-2 col-6 border-right l-hoverborder">
                    <div class="description-block">
                      <span class="description-percentage text-warning"><i class="fas fa-caret-left"></i>人员总数</span>
                      <h5 class="description-header pt-3 l-numberfontsize2">200</h5>
                    </div>
                  </div>
                  <div class="col-sm-2 col-6 border-right l-hoverborder">
                    <div class="description-block ">
                      <span class="description-percentage text-info"><i class="fas fa-caret-up"></i>试卷总数</span>
                      <h5 class="description-header pt-3 l-numberfontsize2">300</h5>
                    </div>
                  </div>
                  <div class="col-sm-2 col-6  border-right l-hoverborder">
                    <div class="description-block">
                      <span class="description-percentage text-danger"><i class="fas fa-caret-down"></i>试题总数</span>
                      <h5 class="description-header pt-3 l-numberfontsize2">1200</h5>
                    </div>
                  </div>
                  <div class="col-sm-2 col-6 l-hoverborder">
                    <div class="description-block">
                      <span class="description-percentage text-primary"><i class="fas fa-caret-down"></i>练习总数</span>
                      <h5 class="description-header pt-3 l-numberfontsize2">1800</h5>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- 左中： 常用入口 -->
            <div class="card direct-chat direct-chat-primary">
              <div class="card-header">
                <h3 class="card-title">常用入口</h3>
              </div>
              <div class="card-body p-3">
                <div class="row text-center justify-content-around">

                  <div class="col-12 col-sm-6 col-md-3">
                    <div class="info-box l-show">
                      <span class="info-box-icon bg-info elevation-1"><i class="fas fa-people-carry"></i></span>
                      <div class="info-box-content">
                        <a class="text-info" href="./pages/users/Departmentstaff.html">
                          <span class="info-box-text text-bold pb-1 l-hoverinfotextcolor">部门人员</span>
                        </a>
                        <span class="info-box-text text-sm">增删改查部门人员</span>
                      </div>
                    </div>
                  </div>

                  <div class="col-12 col-sm-6 col-md-3">
                    <div class="info-box l-show">
                      <span class="info-box-icon bg-danger elevation-1"><i class="fas fa-file-alt"></i></span>
                      <div class="info-box-content">
                        <a class="text-info" href="./pages/test/releasemenagement.html">
                          <span class="info-box-text text-bold pb-1 l-hoverdangertextcolor">创建试题</span>
                        </a>
                        <span class="info-box-text text-sm">录入试题，完善题库数据</span>
                      </div>
                    </div>
                  </div>
                  <div class="col-12 col-sm-6 col-md-3">
                    <div class="info-box l-show">
                      <span class="info-box-icon bg-success elevation-1"><i class="fas fa-file-signature "></i></span>
                      <div class="info-box-content">
                        <a class="text-info" href="./pages/test/testpaper.html">
                          <span class="info-box-text text-bold pb-1 l-hoversuccesstextcolor">建立试卷</span>
                        </a>
                        <span class="info-box-text text-sm">选择试题创建一张试卷</span>
                      </div>
                    </div>
                  </div>
                  <div class="col-12 col-sm-6 col-md-3">
                    <div class="info-box l-show">
                      <span class="info-box-icon bg-warning elevation-1"><i class="fas fa-file-medical-alt"></i></span>
                      <div class="info-box-content">
                        <a class="text-info" href="./pages/test/release.html">
                          <span class="info-box-text text-bold pb-1 l-hoverwarningtextcolor">发布考试</span>
                        </a>
                        <span class="info-box-text text-sm">选择试卷发布一场考试</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- 试题分析 -->
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">
                  <i class="ion ion-clipboard mr-1"></i>
                  试题分析
                </h3>
              </div>
              <div class="card-body">
                <div class="row">
                  <div class="col-md-12">
                    <div class="chart-responsive">
                      <div class="chartjs-size-monitor">
                        <div class="chartjs-size-monitor-expand">
                          <div class=""></div>
                        </div>
                        <div class="chartjs-size-monitor-shrink">
                          <div class=""></div>
                        </div>
                      </div>
                      <canvas id="donutChart"
                              style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- 考试统计 -->
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">
                  <i class="ion ion-clipboard mr-1"></i>
                  考试统计
                </h3>
              </div>
              <!-- /.card-header -->
              <div class="card-body">
                <div class="d-flex">
                  <p class="d-flex flex-column">
                    <span class="text-bold text-lg">当日考试人数</span>
                    <span>Number of examinees on that day</span>
                  </p>

                </div>
                <!-- /.d-flex -->

                <div class="position-relative mb-4">
                  <div class="chartjs-size-monitor">
                    <div class="chartjs-size-monitor-expand">
                      <div class=""></div>
                    </div>
                    <div class="chartjs-size-monitor-shrink">
                      <div class=""></div>
                    </div>
                  </div>
                  <div class="chart">
                    <canvas id="barChart"
                            style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                  </div>
                </div>

                <div class="d-flex flex-row justify-content-end">
                  <div class="mr-3">
                    <span class="mt-3">环比上涨<span class="text-danger">100%</span></span>
                    <div class="mr-2 pt-2">
                      <i class="fas fa-square text-info"></i> 总考试人数
                    </div>
                  </div>
                  <div class="mr-3">
                    <span class="mt-3">环比上涨<span class="text-danger">100%</span></span>
                    <div class="mr-2 pt-2">
                      <i class="fas fa-square text-success"></i> 本月考试人数
                    </div>
                  </div>
                  <div class="mr-3">
                    <span class="mt-3">环比上涨<span class="text-danger">100%</span></span>
                    <div class="mr-2 pt-2">
                      <i class="fas fa-square text-primary"></i> 本周考试人数
                    </div>
                  </div>

                  <div>
                    <span class="mt-3">环比上涨<span class="text-danger">100%</span></span>
                    <div class="mr-2 pt-2">
                      <i class="fas fa-square text-warning"></i> 当日考试人数
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </section>
          <section class="col-lg-2 connectedSortable">
            <!-- 右边： 系统公告 Map card -->
            <div class="card">
              <div class="card-header">
                <a href="./pages/Notice/noticesmanegment.html"><h3 class="card-title">系统公告</h3></a>

                <div class="card-tools">
                  <button type="button" class="btn btn-tool" data-card-widget="collapse">
                    <i class="fas fa-minus"></i>
                  </button>
                </div>
              </div>
              <div class="card-body p-0" style="display: block;">
                <ul class="nav nav-pills flex-column">
                  <li class="nav-item">
                    <a href="#" class="nav-link">
                      <i class="far fa-circle text-danger"></i>
                      Important
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="#" class="nav-link">
                      <i class="far fa-circle text-warning"></i> Promotions
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="#" class="nav-link">
                      <i class="far fa-circle text-primary"></i>
                      Social
                    </a>
                  </li>
                </ul>
              </div>
              <!-- /.card-body -->
            </div>
            <!-- 右边： 考试信息 Map card -->
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">考试信息</h3>

                <div class="card-tools">
                  <button type="button" class="btn btn-tool" data-card-widget="collapse">
                    <i class="fas fa-minus"></i>
                  </button>
                </div>
              </div>
              <div class="card-body p-0" style="display: block;">
                <ul class="nav nav-pills flex-column">
                  <li class="nav-item">
                    <a href="#" class="nav-link">
                      <i class="far fa-circle text-danger"></i>
                      Important
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="#" class="nav-link">
                      <i class="far fa-circle text-warning"></i> Promotions
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="#" class="nav-link">
                      <i class="far fa-circle text-primary"></i>
                      Social
                    </a>
                  </li>
                </ul>
              </div>
              <!-- /.card-body -->
            </div>
          </section>
        </div>
      </div>
    </section>
  </div>
  <!--  底部-->
  <footer class="main-footer">
    <strong>Copyright &copy; 2014-2020 <a href="">汇邦科技有限公司</a>.</strong>All rights reserved.
  </footer>

  <aside class="control-sidebar control-sidebar-dark">
  </aside>
</div>
<!-- jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button)
</script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="plugins/chart.js/Chart.min.js"></script>
<script src="plugins/sparklines/sparkline.js"></script>
<script src="plugins/jqvmap/jquery.vmap.min.js"></script>
<script src="plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
<script src="plugins/jquery-knob/jquery.knob.min.js"></script>

<!-- 时间框顺序 moment-date-tem -->
<script src="plugins/moment/moment.min.js"></script>
<script src="plugins/daterangepicker/daterangepicker.js"></script>
<script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>

<script src="plugins/summernote/summernote-bs4.min.js"></script>
<script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<script src="plugins/toastr/toastr.min.js"></script>
<script src="plugins/bootstrap4-duallistbox/jquery.bootstrap-duallistbox.min.js"></script>
<script src="dist/js/adminlte.js"></script>
<script src="dist/js/demo.js"></script>
<script src="dist/js/pages/dashboard.js"></script>





<!--获取本地日期-->
<script>
  function setTime() {
    var date = new Date();
    var yy=date.getFullYear();
    mm=date.getMonth()+1;
    dd=date.getDate();
    HH = date.getHours(),
      MM = date.getMinutes(),
      SS = date.getSeconds(),
      date = date.getDay();
    var ek=new Array('星期日','星期一','星期二','星期三','星期四','星期五','星期六')
    var week = ek[date];
    console.log('week'+week)
    if(SS<10){
      SS = "0"+SS
    }
    $("#showTime").text(yy+"-"+mm+"-"+dd);
    $("#time").text(HH+":"+MM+":"+SS);
    $("#date").text(week);
  }
  //设置时间间隔
  setInterval(setTime, 1000);
</script>
<!--数字自增-->
<script>
  $(function () {
    $(".l-numberfontsize2").each(function () {
      var _this = this;
      var num = parseInt($(this).text());
      var a = 0;
      setInterval(function () {
        if (a < num) {
          a += parseInt(num / 50);
          if (a > num) {
            $(_this).html(num);
          } else {
            $(_this).html(a);
          }
        }
      }, 50);
    })
  })

</script>
<!--charts 人数表-->
<script>
  var areaChartData = {
    labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
    datasets: [
      {
        label: 'Digital Goods',
        backgroundColor: 'rgba(60,141,188,0.9)',
        borderColor: 'rgba(60,141,188,0.8)',
        pointRadius: false,
        pointColor: '#3b8bba',
        pointStrokeColor: 'rgba(60,141,188,1)',
        pointHighlightFill: '#fff',
        pointHighlightStroke: 'rgba(60,141,188,1)',
        data: [28, 48, 40, 19, 86, 27, 90]
      },
      {
        label: 'Electronics',
        backgroundColor: 'rgba(210, 214, 222, 1)',
        borderColor: 'rgba(210, 214, 222, 1)',
        pointRadius: false,
        pointColor: 'rgba(210, 214, 222, 1)',
        pointStrokeColor: '#c1c7d1',
        pointHighlightFill: '#fff',
        pointHighlightStroke: 'rgba(220,220,220,1)',
        data: [65, 59, 80, 81, 56, 55, 40]
      },
    ]
  }

  var areaChartOptions = {
    maintainAspectRatio: false,
    responsive: true,
    legend: {
      display: false
    },
    scales: {
      xAxes: [{
        gridLines: {
          display: false,
        }
      }],
      yAxes: [{
        gridLines: {
          display: false,
        }
      }]
    }
  }
  //-------------
  //- LINE CHART -
  //--------------
  var lineChartCanvas = $('#lineChart').get(0).getContext('2d')
  var lineChartOptions = $.extend(true, {}, areaChartOptions)
  var lineChartData = $.extend(true, {}, areaChartData)
  lineChartData.datasets[0].fill = false;
  lineChartData.datasets[1].fill = false;
  lineChartOptions.datasetFill = false

  var lineChart = new Chart(lineChartCanvas, {
    type: 'line',
    data: lineChartData,
    options: lineChartOptions
  })
</script>
<!--charts 分析题-->
<script>
  $(function () {
    //-------------
    //- DONUT CHART -
    //-------------
    // Get context with jQuery - using jQuery's .get() method.
    var donutChartCanvas = $('#donutChart').get(0).getContext('2d')
    var donutData = {
      labels: [
        '单选题',
        '多选题',
        '判断题',
        '填空题',
        '问答题',
        '理解题',
        '其它题',
      ],
      datasets: [
        {
          data: [700, 500, 400, 600, 300, 100, 300],
          backgroundColor: ['#f56954', '#00a65a', '#f39c12', '#00c0ef', '#3c8dbc', '#d2d6de', '#FF00FF'],
        }
      ]
    }
    var donutOptions = {
      maintainAspectRatio: false,
      responsive: true,
    }
    //Create pie or douhnut chart
    // You can switch between pie and douhnut using the method below.
    var donutChart = new Chart(donutChartCanvas, {
      type: 'doughnut',
      data: donutData,
      options: donutOptions
    })
  })
</script>
<!--charts 考试人数-->
<script>
  $(function () {
    var areaChartData = {
      labels: ['一月', '一月', '一月', '一月', '一月', '一月', '一月'],
      datasets: [
        {
          label: '总考试人数',
          backgroundColor: '#17a2b8',
          borderColor: '#17a2b8',
          pointRadius: false,
          pointColor: '#17a2b8',
          pointStrokeColor: '#17a2b8',
          pointHighlightFill: '#fff',
          pointHighlightStroke: '#17a2b8',
          data: [28, 48, 40, 19, 86, 27, 90]
        },
        {
          label: '本周考试人数',
          backgroundColor: '#007bff',
          borderColor: '#007bff',
          pointRadius: false,
          pointColor: '#007bff',
          pointStrokeColor: '#007bff',
          pointHighlightFill: '#fff',
          pointHighlightStroke: '#007bff',
          data: [65, 59, 80, 81, 56, 55, 40]
        },
        {
          label: '本月考试人数',
          backgroundColor: '#28a745',
          borderColor: '#28a745',
          pointRadius: false,
          pointColor: '#28a745',
          pointStrokeColor: '#28a745',
          pointHighlightFill: '#fff',
          pointHighlightStroke: '#28a745',
          data: [65, 59, 80, 81, 56, 55, 40]
        },
        {
          label: '当日考试人数',
          backgroundColor: '#ffc107',
          borderColor: '#ffc107',
          pointRadius: false,
          pointColor: '#ffc107',
          pointStrokeColor: '#ffc107',
          pointHighlightFill: '#fff',
          pointHighlightStroke: '#ffc107',
          data: [65, 59, 80, 81, 56, 55, 40]
        },
      ]
    }
    //-------------
    //- BAR CHART -
    //-------------
    var barChartCanvas = $('#barChart').get(0).getContext('2d')
    var barChartData = $.extend(true, {}, areaChartData)
    var temp0 = areaChartData.datasets[0]
    var temp1 = areaChartData.datasets[1]
    barChartData.datasets[0] = temp1
    barChartData.datasets[1] = temp0

    var barChartOptions = {
      responsive: true,
      maintainAspectRatio: false,
      datasetFill: false
    }

    var barChart = new Chart(barChartCanvas, {
      type: 'bar',
      data: barChartData,
      options: barChartOptions
    })
  })
</script>
<!--穿梭框-->
<script>
  //Bootstrap Duallistbox
  $('.duallistbox').bootstrapDualListbox()
</script>
</body>
</html>
